<template>
<div>
  <div id="editorElement" ref="editorElement" contentEditable="true">
    <p>input you are text here...</p>
  </div>
</div>
</template>

<script>
  import editor from '@/components/js/MarkdownIME.min.js'
  export default {
    name: '',
    data () {
      return {
        editorContent: ''
      }
    },
    methods: {
      getContent: function () {
        console.log(this.editorContent)
      }
    },
    mounted() {
      this.$nextTick(function(){
        console.log("---------")
        console.log(window)
        editor.markdown.Enhance(editor.markdown.Scan(window))
        editor.markdown.Enhance(this.$refs.editorContent)


      })


    }
  }
</script>

<style scoped>
  #editorElement{
    width: 100%;
    min-height: 100px;
    border: 1px solid #CCC;
  }
</style>
